/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Containers
------------------------------------------------------------*/
.container12,
.container16 {
	margin-left:auto;
	margin-right:auto;
	
		
	width:93%;
	/*
	background:#fff url(../images/16_colXX.gif) repeat-y center top;
	*/
}

/* `Grid >> Global
------------------------------------------------------------*/
.grid1,
.grid2,
.grid3,
.grid4,
.grid5,
.grid6,
.grid7,
.grid8,
.grid9,
.grid10,
.grid11,
.grid12,
.grid13,
.grid14,
.grid15,
.grid16 {
	display:inline;
	float:left;
	margin-left:10px;
	margin-right:10px;
}

.push1, .pull1,
.push2, .pull2,
.push3, .pull3,
.push4, .pull4,
.push5, .pull5,
.push6, .pull6,
.push7, .pull7,
.push8, .pull8,
.push9, .pull9,
.push10, .pull10,
.push11, .pull11,
.push12, .pull12,
.push13, .pull13,
.push14, .pull14,
.push15, .pull15 {position:relative}

.container12 .grid3,
.container16 .grid4 {width:220px}

.container12 .grid6,
.container16 .grid8 {width:460px}

.container12 .grid9,
.container16 .grid12 {width:700px}

.container12 .grid12,
.container16 .grid16 {width:940px}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
------------------------------------------------------------*/
.alpha {margin-left:0}
.omega {margin-right:0}
.miu   {margin-left:0;margin-right:0}

/* `Grid >> 12 Columns
------------------------------------------------------------*/
.container12 .grid1{width:60px}
.container12 .grid2{width:140px}
.container12 .grid4{width:300px}
.container12 .grid5{width:380px}
.container12 .grid7{width:540px}
.container12 .grid8{width:620px}
.container12 .grid10{width:780px}
.container12 .grid11{width:860px}

/* `Grid >> 16 Columns
------------------------------------------------------------*/
.container16 .grid1{width:40px}
.container16 .grid2{width:100px}
.container16 .grid3{width:160px}
.container16 .grid5{width:280px}
.container16 .grid6{width:340px}
.container16 .grid7{width:400px}
.container16 .grid9{width:520px}
.container16 .grid10{width:580px}
.container16 .grid11{width:640px}
.container16 .grid13{width:760px}
.container16 .grid14{width:820px}
.container16 .grid15{width:880px}

/* `Prefix Extra Space >> Global
------------------------------------------------------------*/
.container12 .prefix3,
.container16 .prefix4 {padding-left:240px}

.container12 .prefix6,
.container16 .prefix8 {padding-left:480px}

.container12 .prefix9,
.container16 .prefix12 {padding-left:720px}

/* `Prefix Extra Space >> 12 Columns
------------------------------------------------------------*/
.container12 .prefix1{padding-left:80px}
.container12 .prefix2{padding-left:160px}
.container12 .prefix4{padding-left:320px}
.container12 .prefix5{padding-left:400px}
.container12 .prefix7{padding-left:560px}
.container12 .prefix8{padding-left:640px}
.container12 .prefix10{padding-left:800px}
.container12 .prefix11{padding-left:880px}

/* `Prefix Extra Space >> 16 Columns
------------------------------------------------------------*/
.container16 .prefix1{padding-left:60px}
.container16 .prefix2{padding-left:120px}
.container16 .prefix3{padding-left:180px}
.container16 .prefix5{padding-left:300px}
.container16 .prefix6{padding-left:360px}
.container16 .prefix7{padding-left:420px}
.container16 .prefix9{padding-left:540px}
.container16 .prefix10{padding-left:600px}
.container16 .prefix11{padding-left:660px}
.container16 .prefix13{padding-left:780px}
.container16 .prefix14{padding-left:840px}
.container16 .prefix15{padding-left:900px}

/* `Suffix Extra Space >> Global
------------------------------------------------------------*/
.container12 .suffix3,
.container16 .suffix4 {padding-right:240px}

.container12 .suffix6,
.container16 .suffix8 {padding-right:480px}

.container12 .suffix9,
.container16 .suffix12 {padding-right:720px}

/* `Suffix Extra Space >> 12 Columns
------------------------------------------------------------*/
.container12 .suffix1{padding-right:80px}
.container12 .suffix2{padding-right:160px}
.container12 .suffix4{padding-right:320px}
.container12 .suffix5{padding-right:400px}
.container12 .suffix7{padding-right:560px}
.container12 .suffix8{padding-right:640px}
.container12 .suffix10{padding-right:800px}
.container12 .suffix11{padding-right:880px}

/* `Suffix Extra Space >> 16 Columns
------------------------------------------------------------*/
.container16 .suffix1{padding-right:60px}
.container16 .suffix2{padding-right:120px}
.container16 .suffix3{padding-right:180px}
.container16 .suffix5{padding-right:300px}
.container16 .suffix6{padding-right:360px}
.container16 .suffix7{padding-right:420px}
.container16 .suffix9{padding-right:540px}
.container16 .suffix10{padding-right:600px}
.container16 .suffix11{padding-right:660px}
.container16 .suffix13{padding-right:780px}
.container16 .suffix14{padding-right:840px}
.container16 .suffix15{padding-right:900px}

/* `Push Space >> Global
------------------------------------------------------------*/
.container12 .push3,
.container16 .push4 {left:240px}

.container12 .push6,
.container16 .push8 {left:480px}

.container12 .push9,
.container16 .push12 {left:720px}

/* `Push Space >> 12 Columns
------------------------------------------------------------*/
.container12 .push1{left:80px}
.container12 .push2{left:160px}
.container12 .push4{left:320px}
.container12 .push5{left:400px}
.container12 .push7{left:560px}
.container12 .push8{left:640px}
.container12 .push10{left:800px}
.container12 .push11{left:880px}

/* `Push Space >> 16 Columns
------------------------------------------------------------*/
.container16 .push1{left:60px}
.container16 .push2{left:120px}
.container16 .push3{left:180px}
.container16 .push5{left:300px}
.container16 .push6{left:360px}
.container16 .push7{left:420px}
.container16 .push9{left:540px}
.container16 .push10{left:600px}
.container16 .push11{left:660px}
.container16 .push13{left:780px}
.container16 .push14{left:840px}
.container16 .push15{left:900px}

/* `Pull Space >> Global
------------------------------------------------------------*/
.container12 .pull3,
.container16 .pull4 {left:-240px}

.container12 .pull6,
.container16 .pull8 {left:-480px}

.container12 .pull9,
.container16 .pull12 {left:-720px}

/* `Pull Space >> 12 Columns
------------------------------------------------------------*/
.container12 .pull1{left:-80px}
.container12 .pull2{left:-160px}
.container12 .pull4{left:-320px}
.container12 .pull5{left:-400px}
.container12 .pull7{left:-560px}
.container12 .pull8{left:-640px}
.container12 .pull10{left:-800px}
.container12 .pull11{left:-880px}

/* `Pull Space >> 16 Columns
------------------------------------------------------------*/
.container16 .pull1{left:-60px}
.container16 .pull2{left:-120px}
.container16 .pull3{left:-180px}
.container16 .pull5{left:-300px}
.container16 .pull6{left:-360px}
.container16 .pull7{left:-420px}
.container16 .pull9{left:-540px}
.container16 .pull10{left:-600px}
.container16 .pull11{left:-660px}
.container16 .pull13{left:-780px}
.container16 .pull14{left:-840px}
.container16 .pull15{left:-900px}

/* `Clear Floated Elements
------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}

/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */
/* new clearfix */
.clearfix:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
	}
* html .clearfix             { zoom:1; } /* IE6 */
*:first-child+html .clearfix { zoom:1; } /* IE7 */
